<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>锦江旅游 - 打造全国领先的文旅会展综合服务商</title>
    <link href="css/4-16-ai.css" rel="stylesheet">
</head>

<body>
    <header>
        <nav id="navHeader" style="background-color:#003e92 !important">
            <div class="centerHeader">
                <div class="container">
                    <div class="logo">
                        <img src="img/锦江logo.png" width="80%" alt="锦江旅游 Logo">
                    </div>
                    <div class="main-nav">
                        <ul class="nav-menu">
                            <li class="nav-item active">
                                <a class="nav-link"
                                    href="https://www.jjtravel.com/html/jjtravel/index.html#id1329357285870346241">首页</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link">关于我们</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link">主营业务</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link">信息公开</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link">联系我们</a>
                            </li>
                            <li class="nav-item language-switch">
                                <a class="nav-link">EN</a> | <a class="nav-link">中</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </header>

    <main class="main-content">
        <section class="hero-banner">
            <img src="img/锦江1.jpg" alt="锦江旅游形象图">
            <h1 class="hero-title">打造全国领先的文旅会展综合服务商</h1>
        </section>

        <section class="news-section">
            <div class="section-header">
                <h2 class="section-title">NEWS</h2>
                <div class="title-line"></div>
                <span class="section-subtitle">动态要闻</span>
                <ul class="section-tabs">
                    <li>业务动态</li>
                    <li>党群建设</li>
                </ul>
            </div>

            <article class="featured-news">
                <h3>深化酒旅融合，推动中沙合作——锦江国际集团旗下锦江旅游沙特子公司盛大开业</h3>
                <img src="img/锦江2.jpg" alt="锦江旅游沙特子公司开业">
            </article>

            <div class="news-list">
                <article class="news-item">
                    <time datetime="2024-12-27">12-27<br>2024</time>
                    <p>深化酒旅融合，推动中沙合作 ——锦江国际集团旗下锦江旅游沙特子公司盛大开业</p>
                </article>
                <article class="news-item">
                    <time datetime="2024-12-27">12-27<br>2024</time>
                    <p>锦江旅游荣获第七届中旅协行业榜单多个奖项</p>
                </article>
                <article class="news-item">
                    <time datetime="2024-12-27">12-27<br>2024</time>
                    <p>深化酒旅融合，推动中沙合作 ——锦江国际集团旗下锦江旅游沙特子公司盛大开业</p>
                </article>
                <article class="news-item">
                    <time datetime="2024-12-27">12-27<br>2024</time>
                    <p>锦江旅游荣获第七届中旅协行业榜单多个奖项</p>
                </article>
                <article class="news-item">
                    <time datetime="2024-12-27">12-27<br>2024</time>
                    <p>锦江旅游荣获第七届中旅协行业榜单多个奖项</p>
                </article>
            </div>
        </section>

        <section class="about-section">
            <div class="section-header">
                <h2 class="section-title">ABOUT US</h2>
                <div class="title-line"></div>
                <span class="section-subtitle">关于我们</span>
                <ul class="section-tabs">
                    <li>公司简介</li>
                    <li>发展历程</li>
                    <li>组织架构</li>
                    <li>品牌矩阵</li>
                    <li>荣誉资质</li>
                </ul>
            </div>

            <div class="about-content">
                <img class="about-image" src="img/锦江4.jpg" alt="锦江旅游公司形象">
                <img class="logo-overlay" src="img/锦江logo.png" alt="锦江旅游 Logo">
                <div class="about-text">
                    <p>依托集团综合产业链资源，整合原上海锦旅、上海国旅、上海旅行社、华亭海外、锦江会展等国内知名旅行社及会展企业的市场优势，锦江旅游正在以打造"全国领先的文旅会展综合服务商"战略目标为引领，致力于全国布局和服务能力提升，让锦江旅游"诚信服务、品质旅行"的金字招牌响彻海内外。
                    </p>
                    <p>锦江旅游业务范围涵盖旅游服务、会奖商旅及文旅目的地发展。</p>
                    <p>和锦江旅游一起，创造完美旅行体验！</p>
                </div>
            </div>
        </section>

        <section class="services-section">
            <div class="section-header">
                <h2 class="section-title">SERVICE</h2>
                <div class="title-line"></div>
                <span class="section-subtitle">主营业务</span>
            </div>

            <div class="services-grid">
                <article class="service-card">
                    <img src="img/锦江four1.jpg" alt="旅游服务">
                    <div class="service-content">
                        <h3>旅游服务</h3>
                        <button class="service-btn">点击进入</button>
                    </div>
                </article>

                <article class="service-card">
                    <img src="img/锦江four2.png" alt="会奖商旅">
                    <div class="service-content">
                        <h3>会奖商旅</h3>
                        <button class="service-btn">点击进入</button>
                    </div>
                </article>

                <article class="service-card">
                    <img src="img/锦江four3.jpg" alt="文旅发展">
                    <div class="service-content">
                        <h3>文旅发展</h3>
                        <button class="service-btn">点击进入</button>
                    </div>
                </article>
            </div>
        </section>

        <section class="info-section">
            <div class="section-header">
                <h2 class="section-title">INFORMATION</h2>
                <div class="title-line"></div>
                <span class="section-subtitle">信息公开</span>
                <ul class="section-tabs">
                    <li>定期报告</li>
                    <li>临时公告</li>
                    <li>公开招标</li>
                </ul>
            </div>

            <div class="info-grid">
                <div class="info-column">
                    <article class="info-item">
                        <time datetime="2024-04-23">04-23<br>2024</time>
                        <div>
                            <h4>上海锦江国际旅游股份有限公司 2023 年第一季度报告</h4>
                            <p class="info-meta">公告分类：一季报</p>
                        </div>
                    </article>

                    <article class="info-item">
                        <time datetime="2024-04-23">04-23<br>2024</time>
                        <div>
                            <h4>上海锦江国际旅游股份有限公司 2023 年半年度业绩报告</h4>
                            <p class="info-meta">公告分类：年季报</p>
                        </div>
                    </article>
                </div>

                <div class="info-column">
                    <article class="info-item">
                        <time datetime="2024-04-23">04-23<br>2024</time>
                        <div>
                            <h4>上海锦江国际旅游股份有限公司 2023 年第三季度报告</h4>
                            <p class="info-meta">公告分类：半年季报</p>
                        </div>
                    </article>

                    <article class="info-item">
                        <time datetime="2024-04-23">04-23<br>2024</time>
                        <div>
                            <h4>上海锦江国际旅游股份有限公司 2023 年第一季度报告</h4>
                            <p class="info-meta">公告分类：三季报</p>
                        </div>
                    </article>
                </div>
            </div>
        </section>
    </main>

    <aside class="side-nav">
        <img src="img/锦江最右侧导航.png" alt="快速导航">
    </aside>

    <footer class="main-footer">
        <div class="footer-links">
            <a href="http://www.jinjiang.com" target="_blank">锦江国际集团</a>
            <span>/</span>
            <a href="https://www.jinjianghotels.com.cn/" target="_blank">锦江酒店（中国区）</a>
            <span>/</span>
            <a href="http://www.jjauto.com" target="_blank">锦江汽车</a>
            <span>/</span>
            <a href="https://www.jinjiangonline.net/" target="_blank">锦江在线</a>
            <span>/</span>
            <a href="https://www.cityservice.com.cn/" target="_blank">锦江城市服务</a>
            <span>/</span>
            <a href="https://www.jjbiztravel.com/" target="_blank">锦江会奖商旅</a>
            <span>/</span>
            <a href="https://www.jjwenlv.cn" target="_blank">锦江文旅</a>
        </div>

        <div class="footer-social">
            <div class="social-item">
                <img src="img/锦江公众号.png" alt="锦江旅游公众号二维码">
                <p>锦江旅游公众号</p>
            </div>
            <div class="social-item">
                <img src="img/锦江小程序.png" alt="锦江旅游小程序二维码">
                <p>锦江旅游小程序</p>
            </div>
        </div>
    </footer>
</body>

</html>